@charset "utf-8";
/* reset*/
html, body, h1, h2, h3, h4, h5, h6, form, fieldset, legend, div, p, span, dl, dt, dd, ul, ol, li, blockquote, pre, q, cite, input,button {margin:0; padding:0;outline:0 none; list-style:none;}
a:link, a:visited, ins, del {text-decoration:none;}
a,input{blr:expression(this.onFocus=this.blur());outline: none;}
a:focus,input:focus{-moz-outline-style: none; }
a:hover, a:active {text-decoration:underline;outline:0 none;}
*:focus{outline-style: none;}
button::-moz-focus-inner{border-color:transparent!important;}  
a img, fieldset {border:0 none;}
ul, ol {list-style-type:none;}
h1, h2, h3, h4, h5, h6, strong, em, cite, address, sup, sub, th {font-weight:normal; font-style:normal; vertical-align:auto; font-size:1em;}
legend {display:none;}
table {border-collapse:collapse;}
textarea {resize:none;}
input {/*background-color:#FFFFFF;*/border:none;}
select{font-size:12px;}
input, textarea{font-family:Helvetica,sans-serif;}
input, textarea, button {font-size:100%;}
button {font-family:simsun;}
.clearfix{_zoom:1;}
.clearfix:after{clear:both; content:''; display:block;visibility:hidden;height: 0;}

a{color:#606060;text-decoration:none;}
a:hover{color: #4c8cf8;text-decoration:none;}
body#login{border-top:2px solid #4c8cf8;font-family:"\5FAE\8F6F\96C5\9ED1","\9ED1\4F53","\5B8B\4F53",tahoma, arial;font-size:14px;color: #606060;}
#wrap{width:980px;margin:0 auto;position:relative;}
/*header*/
#header{height:75px;border-bottom:2px solid #eaeaea;position:relative;font-family:"\5FAE\8F6F\96C5\9ED1","\9ED1\4F53","\5B8B\4F53",tahoma, arial;}
#logo{width:130px;height:65px;position: absolute;left:10px;background:url(../images/logo.png) no-repeat;overflow: hidden;text-indent:-999em;font-size:0;line-height:0;}
#loginnav{float:right;position:absolute;bottom:-2px;right:0;font-size:12px;}
#loginnav ul{float:right; position:relative;z-index:2}
#loginnav li{float:left;height:37px;}
#loginnav li a{padding:10px 25px;float:left;}
#loginnav span.navline{position:absolute;z-index:1;height:0;font-size:0;line-height:0;overflow:hidden;left:5px;bottom:0;width:100px;border-bottom:2px solid #4c8cf8;}

/*body*/
#bd{width:100%;height:440px;position: relative;z-index:1;overflow:hidden;}
#bdbg{width:1500px;position:absolute;z-index:1;left:0;top:0;height:440px;background:url(../images/bg_bd.jpg) no-repeat 100px -175px;}
.bdmain{width:4900px;height:440px;position:relative;z-index:2;}
.loginbox,.algorithm{width:980px;height:440px;float:left;}
.loginbox .intro{width:430px;float:left;padding:80px 0 0 60px}
.loginbox .introslider{padding:20px 0px 10px 0px;width:430px;height:170px;text-align:right;font-size:18px;font-family:"\9ED1\4F53","\5B8B\4F53",tahoma, arial;}
.loginbox .introslider .iconquotation{background:url(../images/icon_quotation.png) no-repeat;float:left;width:70px;height:50px;margin:-30px 0 0;}
.inner_slider{width:420px;display:none;cursor:pointer;height:140px;}
.inner_slider p{margin:0 0 30px;}
.inner_slider p.salution span{vertical-align:middle;width:50px;height:0;display:inline-block;margin:0 10px 0 0;font-size:0;line-height:0;overflow:hidden;border:1px solid #4c8cf8;}

.login_budget{width:100%;height:90px;clear:both;}
.login_budget ul{height:77px;}
.login_budget ul li{background:url(../images/numBg.png) no-repeat;color:#FFFFFF;float:left;font-family:"Lucida Console",Monaco,monospace;font-size:54px;height:77px;line-height:70px;text-align:center;width:53px;}
.login_budget li.num0{background-position:0 0;}
.login_budget li.num1{background-position:-318px 0}
.login_budget li.num2{background-position:-636px 0}
.login_budget li.num3{background-position:-954px 0}
.login_budget li.num4{background-position:-1272px 0}
.login_budget li.num5{background-position:-1590px 0}
.login_budget li.num6{background-position:-1908px 0}
.login_budget li.num7{background-position:-2226px 0}
.login_budget li.num8{background-position:-2544px 0}
.login_budget li.num9{background-position:-2862px 0}
.loginform{width:292px;float:right;padding:80px 40px 0 0;}
.loginform h2{font-size:18px;font-family:"\5FAE\8F6F\96C5\9ED1","\9ED1\4F53","\5B8B\4F53",tahoma, arial;}
.loginform .reg{margin:0 0 16px;}
.loginform .reg a{color:#4c8cf8;}
.loginform p{margin:0 0 20px;height:40px;overflow:hidden;position:relative;}
.loginform p input{vertical-align:middle;}
.loginform .authcode{position:absolute;width:60px;height:30px;left:98px;top:4px;}
.loginform .autologin label{vertical-align:middle;margin:0 0 0 5px;}
.loginform p .txt_default{color:#8B9096;position:absolute;top:7px;left:8px; cursor:text}
.ipt{border:1px solid #eaeaea;border-radius:1px;width:260px;height:34px;line-height:34px;padding:0px 5px;font-family:"\5FAE\8F6F\96C5\9ED1","\9ED1\4F53","\5B8B\4F53",tahoma, arial;font-size:14px;}
.ipt:focus{border-color:#4c8cf8;-webkit-transition:-webkit-box-shadow .1s linear;-moz-transition:box-shadow .1s linear;box-shadow:0 0 5px rgba(110, 189, 222, 0.5);-webkit-box-shadow:0 0 5px rgba(110, 189, 222, 0.5);}
.regform .error{border-radius:2px;border-width:2px;border-color:#ff9e99;-webkit-transition:-webkit-box-shadow .1s linear;-moz-transition:box-shadow .1s linear;box-shadow:0 0 5px #ff9e99;-webkit-box-shadow:0 0 5px #ff9e99}
.loginform .ipt.ipt_auth{width:150px;margin:0 20px 0 0;}
.loginform p.btnp{padding:4px 0 0;}
.loginform p .btnlogin,.regbtn_line .regbtn{width:100px;height:35px;background:#4c8cf8;margin:0 100px 0 0;font-family:"\5FAE\8F6F\96C5\9ED1","\9ED1\4F53","\5B8B\4F53",tahoma, arial;font-size:14px;color:#fff;cursor:pointer;}
.loginform p a{color:#4c8cf8;}
.pic_change{margin-bottom:10px;}
.hd_current{display:block;}
    /*functions*/
.function_text,.alg_con02,.alg_con03{float:left;width:270px;padding:80px 0 0 55px;}
.function_text h3,.alg_content h3{font-size:18px;color:#4c8cf8;margin:0 0 10px;font-family:"\5FAE\8F6F\96C5\9ED1","\9ED1\4F53","\5B8B\4F53",tahoma, arial;}
.function_text p{margin:0 0 10px;line-height:22px;}
.function_text .fun_btn,.alg_content .fun_btn{width:220px;height:50px;line-height:50px;margin:40px 0 0;text-align:center;color:#FFF;display:block;background:#4C8CF8;}
.function_text .fun_btn:hover,.alg_content .fun_btn:hover{color:#FFF;}
.function_img{float:right;width:480px;padding:80px 40px 0 0;}

 /*suanfa*/
 
.sf_btoom {position:absolute;bottom:15px;width:980px;}
.icon_cir,.bg_cir{margin:0 auto;text-align:center;width:115px;}
.icon_cir li,.pic_change li{float:left;background:url(../images/icon_circle.png) left top;width:18px;height:18px;margin-right:5px;cursor:pointer;}
/*.icon_cir li:hover{background-position:right top;}*/
.icon_cir li.icon_current,.pic_change li.bg_current,.icon_cir li.hovercurrent{background-position:right top;}
.showimg{float:right;position:relative;cursor:pointer;}
.imgs01{float:left;left:110px;top:30px;}
.imgs02{padding-top:110px;opacity:1;}
.imgs03{padding:80px 90px 0px 0px;}
.imgs04{float:left;top:50px;}
.imgs05{top:50px;}
.alg_content{float:left;}
.alg_content p{width:252px;line-height:22px;margin-bottom:10px;}
.alg_content p span{color:#4C8CF8;}
.alg_con03{padding: 35px 0 0 100px;}
.alg_con01{float:right;padding:20px 180px 0px 0px;margin-top:10px;}
.algorithm .alg_con02{opacity:1;}
.alg_con04{float:right;padding:40px 80px 0px 0px;}
.alg_con05{padding:45px 0 0 55px;}
/*.alg_content .fun_btn{margin-top:140px;}*/
/*.algorithm{background: url("../images/bg_bd.jpg") no-repeat scroll -100px -100px;}*/
.algorithm_bg{background: url("../images/suanfa_bg.png") no-repeat 0px -30px;opacity:1;}
.algorithm_out{width:4900px;position:absolute; }

    /*clients*/
.chenggong{overflow:hidden;position:relative;}
.succmove{width:1962px;height:440px;position:absolute;}
.succout{width:980px;float:left;height:440px;position:relative;}
.turn_back{position:absolute;bottom:15px;right:50px;}
.turn_brfore{position:absolute;bottom:15px;left:50px;}
.clientsbox{width:860px;height:300px;border-top:1px solid transparent;margin:80px auto 0;overflow:hidden;background:url(../images/icon_plus.png);}
.clientsbox li{/*width:170px;height:135px;*/overflow:hidden;float:left;text-align:center;}
.clientsbox li span{padding:10px;width:150px;height:115px;line-height:115px;overflow:hidden;display:block;position:relative;left:6px;}
.clientsbox li a{display:block;width:150px;height:115px;line-height:115px;overflow:hidden;}
.clientsbox li img{vertical-align:middle;width:150px;}

    /*reg*/
.regform{float:left;width:420px;float:left;margin:25px 0 0;}
.regform p.field_line{margin:0 0 14px;display:block;}
.regform p.field_line .labelstyle{display:inline-block;width:90px;padding:0 10px 0 0;vertical-align:middle;text-align:right;}
.adways{padding:10px 0 0 10px;color:#bbb;font-size:12px;}
.agree_line{padding:0 0 0 100px;margin:0 0 10px;}
.agree_line label,.agree_line input{vertical-align:middle;margin:0 5px 0 0;}
.regbtn_line{padding:0 0 0 100px;}

.regprotocol{float:right;border: 1px solid #D9DEE0;margin:25px 0 0;width:497px;height:361px;overflow-y:auto;background:white;padding:10px 25px;}
.regprotocol h3,
.regprotocol h4{font-size:14px;font-weight:700;line-height:1.2;}
.regprotocol h3{font-size:16px;}
.regprotocol p{margin:10px 0;}

/*Extra*/
.extra{width:100%;height:100px;/*background:url(../images/bg_extra.png) no-repeat 0 4px;*/text-align:center;display:none;position:relative;z-index:2;font-size:0;}
.extratext{position:absolute;top:-16px;left:0;z-index:3;height:20px;line-height:20px;width:100%;overflow:hidden;font-size:14px;}
.extratext span{color:#4c8cf8;}
.extratext span.hovertext{position:absolute;z-index:2;top:0px;display:none;width:100px;height:20px;line-height:20px;overflow:hidden;text-align:center;color:#4c8cf8;}
.extratext #icon_tracking{left:160px;}
.extratext #icon_lock{left:215px;}
.extratext #icon_time{left:270px;}
.extratext #icon_doc{left:325px;}
.extratext #icon_reload{left:375px;}
.extratext #icon_data{left:430px;}
.extratext #icon_warn{left:490px;}
.extratext #icon_graph{left:545px;}
.extratext #icon_calc{left:595px;}
.extratext #icon_histogram{left:653px;}
.extratext #icon_clock{left:705px;}


.extra span.topnav{position:absolute;z-index:9;height:0;font-size:0;line-height:0;overflow:hidden;left:175px;top:57px;width:60px;border-bottom:4px solid #4c8cf8;}
.extra a.extra_icon{display:inline-block;width:55px;height:46px;padding:5px 0 0;position:relative;z-index:1;font-size:14px;}
.extra a.extra_icon:hover{color:#606060;}
.extra a.extra_icon strong{height:40px;width:40px;padding:15px 0 0;position:relative;z-index:2;display:block;}
.extra a.extra_icon span.eicon{cursor:pointer;display:inline-block;overflow:hidden;text-indent:-999em;width:30px;height:28px;background:url(../images/icon_extra.png) no-repeat 100px 100px;}

/*.extra a.icon_tracking span.eicon{background-position:0 0;}
.extra a.icon_tracking:hover span.eicon{background-position:0 -28px;}
.extra a.icon_lock span.eicon{background-position:-30px 0;}
.extra a.icon_lock:hover span.eicon{background-position:-30px -28px;}
.extra a.icon_time span.eicon{background-position:-60px 0;}
.extra a.icon_time:hover span.eicon{background-position:-60px -28px;}
.extra a.icon_doc span.eicon{background-position:-90px 0;}
.extra a.icon_doc:hover span.eicon{background-position:-90px -28px;}
.extra a.icon_reload span.eicon{background-position:-120px 0;}
.extra a.icon_reload:hover span.eicon{background-position:-120px -28px;}
.extra a.icon_data span.eicon{background-position:-150px 0;}
.extra a.icon_data:hover span.eicon{background-position:-150px -28px;}
.extra a.icon_warn span.eicon{background-position:-180px 0;}
.extra a.icon_warn:hover span.eicon{background-position:-180px -28px;}
.extra a.icon_graph span.eicon{background-position:-210px 0;}
.extra a.icon_graph:hover span.eicon{background-position:-210px -28px;}
.extra a.icon_calc span.eicon{background-position:-240px 0;}
.extra a.icon_calc:hover span.eicon{background-position:-240px -28px;}
.extra a.icon_histogram span.eicon{background-position:-270px 0;}
.extra a.icon_histogram:hover span.eicon{background-position:-270px -28px;}
.extra a.icon_clock span.eicon{background-position:-300px 0;}
.extra a.icon_clock:hover span.eicon{background-position:-300px -28px;}*/
.extra a.icon_tracking span.eicon{background-position:0 -28px;}
.extra a.icon_lock span.eicon{background-position:-30px -28px;}
.extra a.icon_time span.eicon{background-position:-60px -28px;}
.extra a.icon_doc span.eicon{background-position:-90px -28px;}
.extra a.icon_reload span.eicon{background-position:-120px -28px;}
.extra a.icon_data span.eicon{background-position:-150px -28px;}
.extra a.icon_warn span.eicon{background-position:-180px -28px;}
.extra a.icon_graph span.eicon{background-position:-210px -28px;}
.extra a.icon_calc span.eicon{background-position:-240px -28px;}
.extra a.icon_histogram span.eicon{background-position:-270px -28px;}
.extra a.icon_clock span.eicon{background-position:-300px -28px;}

/*footer*/
#footer{width:100%;overflow:hidden;padding:10px 0;border-top:1px solid #eaeaea;font-size:12px;}
.footer_nav{float:left;margin:0 0 0 -10px;}
.footer_nav a{margin:0 10px;}
.footer_nav p{display:inline-block;vertical-align:middle;}
.footer_nav p span{padding:0 16px;}
.copyright{float:right;}
.close_pop{font-size:25px;float:right;margin-right:30px;margin-top:10px;opacity:0.8;}
.close_pop{text-align:left;text-indent:2em;}

/*hwl*/
.forgetcontain{width:360px; height:220px; background:#fff;padding-top: 10px;}
.forgetcontain .ipt{border:1px solid #eaeaea;border-radius:1px;width:215px;height:20px;line-height:20px;padding:5px;font-family:"\5FAE\8F6F\96C5\9ED1","\9ED1\4F53","\5B8B\4F53",tahoma, arial;font-size:12px;}
.forgetcontain .ipt:focus{border-color:#4c8cf8;}
.forget_btn,.forget_cancel{width:60px;height:25px;background:#4c8cf8;margin:0 100px 0 0;font-family:"\5FAE\8F6F\96C5\9ED1","\9ED1\4F53","\5B8B\4F53",tahoma, arial;font-size:14px;color:#fff;cursor:pointer;}
.field_line_forget{ height:35px; margin-left:35px; padding-top:30px;}
.field_line_forget .labelstyle{ display:inline-block; width:60px;font-size:14px;vertical-align: -1px;  text-align:right;}
.forget_ok_main{ height:35px; padding-top:35px; margin-left:97px;}
.forget_ok_main  input{ float:left; margin-right:50px;}
